$(function () {
    //点击切换注册页面---------------------------------------------------
    $('#to-regsiter').click(function () {
        $(this).parents('#form-denglu').hide().siblings().show();
    })
    //点击切换登录页面
    $('#to-denglu').click(function () {
        $(this).parents('#form-regsiter').hide().siblings().show();
    })
    //添加登录表单提交事件----------------------------------------------
    $('#form-denglu').on('submit', function (e) {
        e.preventDefault();
        //发送ajax请求
        var data=form.val('lay-login');
        console.log(data);
        $.ajax({
           type:"POST",
           data:data,
           url:'/api/login',
           success:function(res) {
               //先提示一下
             layer.msg(res.message);
            //  判断一下,如果失败就停止
            if (res.status!==0) return;
            //讲登录成功后的令牌存储到本地
            localStorage.setItem('token',res.token);
            window.setTimeout(function() {
                //点击登录后，页面跳转到主页
                location.href='index.html';
            },1000)

           }

        })
    })
    //添加注册表单提交事件--------------------------------------------------------
    $('#form-regsiter').on('submit', function (e) {
        e.preventDefault();
        //获取form表单value值
        var form = $(this).serialize();
        console.log(form, 1111);
        //发送ajax请求
        $.ajax({
            type: "POST",
            data: form,
            url: '/api/reguser',
            success: function (res) {
                //不管成功与否都提示一下
                //调用layer方法，要先声明layer
                layer.msg(res.message);
                if (res.status !== 0) return;
                console.log(res);
                // 跳转到登录页面
                $('#to-denglu').click();
            }
        })

    })

})
//自定义表单校验
var form = layui.form,
    layer = layui.layer;
form.verify({
    pass: [
        /^[\S]{6,12}$/
        , '密码必须6到12位，且不能出现空格'
    ],
    repwd: function (value) { // value：表单的值
        // console.log(value)
        if ($('#form-regsiter input[name="password"]').val().trim() !== value) {
            return '2次密码不一致'
        }
    },
    username: function (value, item) { //value：表单的值、item：表单的DOM对象
        if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
            return '用户名不能有特殊字符';
        }
        if (/(^\_)|(\__)|(\_+$)/.test(value)) {
            return '用户名首尾不能出现下划线\'_\'';
        }
        if (/^\d+\d+\d$/.test(value)) {
            return '用户名不能全为数字';
        }
    }
})